@@@@@@@@@@@@@@@@@  TjzM@What's New 2003/11/7


@@@@S҂̂߂̃z[y[W/Web for beginner
@@@@@ @@@http://www.scollabo.com/banban/
@@
@@@@@@@@@@@@@@@73

@@@@@@  @  @@@@@banban@scollabo.com



@úAS҂⒆҂@ƍ@gɂāAv̖{iI
 Weby[W쐬ɖ𗧂ƂړIɔzMĂ܂B

@uł HTML4.01AXHTML1.1AXML1.0 𒆐SƂ@̂ƂȂĂ
܂BȂÃ}KW͓tHgłǂ݂ƉKɓǂ߂悤
ɂȂ܂B

@@T̃Rec
       WebfUC 18 --- ̃z[y[WDɂȂ
@@@ HTMLu  18 --- CCt[
@@@ XMLu@10 --- GeBeB錾
@@   ̉iSj --- bgcolor



WebfUCi20j@̃z[y[WDɂȂ

@悤^ŏ߂čz[y[WJ݂Ƃɂ́AȂ̖
܂BSđfނW߁AȂ}[NAbvR[fBO
邱Ƃ͑ςȂƂłA萋[邱Ƃ́ANło
Ƃł傤B

@AԂoɁuǂĎ̃y[W͑ƔׂĂ_T̂
낤Aő͂Ȃɂ񂾂낤HvƂ悤ȋ^₪܂܂B
@ŁACɓy[W̃CAEg^ēւ
ȂǂƂXVƂoƂ͂܂񂩁H

@uJbR悳vƂ͉ł傤H
@GAoAXNvg𓮍삳ȂǂƂ@́A
@gĂ܂B̈Ӗł́Aɂ@ɂ͐VN
@邱ƂȂȂ܂B

@@Ȃy[W̕]͂Ȃ߂̂ł͂ȂAK{҂
@߂̂łB̕]̂قƂǂARecij̓ê̂
@ƂAƒmׂłB
@@Aj͂ɖOĂ܂܂BꂪARecƊ֘A
@ďdvȂ̂ł̂ȂǍł͂܂񂪁Aۂ͒PȂANZ
@T[̂悤ȎgĂ܂B

@@XHTMLƂ́A񌹂łueLXgv WebŋLړÎ
@߂ɁA}[NAbv錾ƂĐ܂܂BAonuEU
@oꂵA\̋@\߂ƂɂA̊Ԃɂu\́ṽ}[N
@AbvɂȂĂ܂܂B
@@āu\v񋟂邽߁AlXȃI[TOc[܂A
@͂ꂪW܂B

@@Ay[WlXȁuv𓮍삳邱ƂŁA͂Ė{
@ɁuJbRvy[Wł傤H

@@WebfUC̊{̓Rec̒񋟂łBReĉłB
@{񋟂ׂRecȂŁAAjAJavaScriptX^C
@V[ggĂ܂Ӗ܂B
@@ȂC^[lbgɃANZX Weby[W{悤Ƃ铮@
@͉ł傤HƁÁuړIv邩ANZX̂ł͂
@ł傤B

@@{҂ɗɗāÁuړIvB邱Ƃły[WA
@N[ŁuJbRvy[WȂ̂ƁA͎v܂B
@@SeSeƏ藧ĂAj[V摜́Ay[Wd邾łB
@ӖȂ΁AANZT[͕Kv܂B{҂̖ړI
@ɃANZX邱ƂȂ̂łB

@@y[WꍇA܂ŏɎn߂邱Ƃ́AeLXgS̃y[W
@܂B摜X^CV[grPOHTMLdグ܂B
@@ŏdvȂƂ́AeLXgɋLuvłB̓Xg[g
@RecӖ܂B[Rec쐬邱ƂړIȂ̂łB
@@ꂪĂA͂߂āuhvl܂B

@̃z[y[WDɂȂ낤
@JȂ쐬鎩g̃z[y[Wɂ́AJN
@̂łBŏ̍͂ȂgłAԂXVĂ
@ƂŁA낢ȖĐĂ܂B
@@悻̃y[W͂܂ł悻̃y[WłB̃y[WƔr̂
@͂܂B񎦂Recr̂͋̍ł傤B
@@ȂAƂĎȖĂ͂܂B

@@g̃y[WɈȂ΁Ag̊ŖAK₷
@邠郆[U̗FAł͂Ȃ肽Rec
@񋟂悤ɐSȂ΂Ȃ܂B
@@̏ŁAƂƎ̃y[WDɂȂĂBDɂȂ
@΂ȂقǁATCgŜɈقǁAꂪ₵ƂȂĐ
@i邱Ƃł傤B

@@@@@@@@@@@@@@@@@@@@i21@̉摜ɂÂj



HTMLui20j@CCt[

@CCt[Ƃ́Ay[W̒ɖߍ܂EBhEӖ
̃EBhEɂ́Ãy[W\邱Ƃł܂B
@t[́AeEBhEɋ؂邱Ƃ`Ă܂ÃCC
t[̓EBhEŋ؂Kv͂܂B΁AP̃IuWFNg
Ƃėp銴oɂȂ܂B
@ȂACCt[u[t[vƌĂԂƂ邻łB

@XACCt[` iframevf́AMicosoftЂ MSIEu
EU̓ƎKiƂĂ܂AHTML 4.0ꂽƂɕWdlƂ
Đ荞܂܂B
@A iframevf́u񐄏vƂĈĂ֌WŁAp̍
ɂ́AHTML̖`Œ`镶^͉ߓndlA܂ Transitional I
Ȃ΂Ȃ܂B

@́ACCt[ƁÃEBhEŕ\镶
܂B

CCt[`HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-type" content="text/html; charset=Shift_Jis">
<meta http-equiv="Content-Style-type" content="text/css">
<title>iframevf̎gp</title>
<style type="text/css">
<!--
h1 { margin: 1em 5%; 
     padding: 2px; 
     font-size: large; 
     text-indent: 1em; 
     background: #900; 
     color: #000 }

div { margin: 1em 5% }

iframe { float: right ;
         margin-left: 0.5em }

p   { line-height: 130%; 
      letter-spacing: 1px }
-->
</style>
</head>

<body>
<h1>iframevf̎gp</h1>
<div>
<iframe src="explain_01.html" name="exp" width="350" height="250">
CCt[Ή̃uEU͂炩
<a href="sample_02.html">CCt[Ȃ</a>
</iframe>
<p>
HTML4.01ɂu񐄏vƂ^Oɂ́AJavaAvbgs
<a href="explain_02.html" target="exp">applet</a>^OAtHg
eݒs <a href="explain_03.html" target="exp">font</a>^OȂ
܂B
</p>

<p>
 <a href="explain_04.html" target="exp">XHTML</a> ł
p~ĂAHTMLłApT悤ɋ߂Ă܂B
</p>
</div>

</body>
</html>

@܂œ͂IACӂ̖OtĕۑĂB
@@ȂAۑ̍ۂɂ́Agqu.htmlv𖼑ǑɕtĂB
@Ⴆ΁Asample.html Ƃ悤ɂĕۑ܂B

@@ȂACCt[Ή̑ւƂĂHTMĹAHTML
@CCt[yсAtarget폜̂pӂA̕ 
@usample_02.htmlvƂĕۑĂB

@ɁACCt[̃EBhEŕ\邽߂̕S܂B
@@ł́Aۑ̍ۂɁAꂼw肵OŕۑĂB

explain_01.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_Jis">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>񐄏vf̐</title>
<style type="text/css">
<!--
body { background: #ffc; 
       color: #000 }

h1   { color: #900; 
       font-size: large; 
       text-align: center }
p    { margin: 1em 5px; 
       line-height: 1.3em; 
       letter-spacing: 1px }
-->
</style>
</head>

<body>
<h1>񐄏vf</h1>
<p>
{ HTMĹA\}[NAbvłA`
ڎŵł͂܂B̂߁AHTML4.01ł́A
hɓ`p̃^Ou񐄏vƂĒ`܂B
</p>

</body>
</html>


explain_02.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_Jis">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>applet^O̐</title>
<style type="text/css">
<!--
body { background: #fcf; 
       color: #000 }
h1   { color: #900; 
       font-size: x-large; 
       text-align: center }

p    { margin: 1em 5px; 
       line-height: 1.3em; 
       letter-spacing: 1px }
-->
</style>
</head>

<body>
<h1>applet</h1>
<p>
JavaɂAvP[VAHTMLŎs邽߂̃^OłA
񐄏ƂĂ܂B̃^ȎɁAobjectvfgp悤
߂Ă܂B
</p>
<p><a href="explain_01.html">߂</a></p>

</body>
</html>


explain_03.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_Jis">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>font^O̐</title>
<style type="text/css">
<!--
body { background: #cff; 
       color: #000 }

h1   { color: #900; 
       font-size: x-large; 
       text-align: center }

p    { margin: 1em 5px; 
       line-height: 1.3em; 
       letter-spacing: 1px }
-->
</style>
</head>

<body>
<h1>font</h1>
<p>
^Ȏ\łtHg^ÓA[Uɉe邽߁A
pT悤߂Ă܂BtHgɊւݒ́A
X^CV[gōs悤ɂ܂傤B
</p>
<p><a href="explain_01.html">߂</a></p>

</body>
</html>


explain_04.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_Jis">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>XHTMLɂ</title>
<style type="text/css">
<!--
body { background: #fff; 
       color: #000 }

h1   { color: #900; 
       font-size: x-large; 
       text-align: center }

p { margin: 1em 5px; 
    line-height: 1.3em; 
    letter-spacing: 1px }
-->
</style>
</head>

<body>
<h1>XHTML</h1>
<p>
gꂽHTMLł XHTMĹAI^ȌȗA
̍ŏȂǂ͔F߂Ă܂B
܂AHTMLł̔񐄏^ÓAׂĔpĂ܂B
</p>
<p><a href="explain_01.html">߂</a></p>

</body>
</html>

@͂I܂ۑ܂Bۑ̍ہAꂼ̍\̖`ɂ閼
OŕۑĂBႤOɂꍇɂ́ACCt[`
HTML̃N URIύXĂB

@CCt[s
@@http://www.scollabo.com/banban/magazine/mm/sample_73-1.html




@CCt[̒`
@y[W̒ɃEBhE𖄂ߍރCCt[`ꍇɂ́A
@iframevfg܂B

@iframevfŗp鑮
@@width :    @CCt[̉ݒ肵܂B
@@heightF@ @CCt[̍ݒ肵܂B
@@src F@@ @lƂăEBhEɕ\镶 URIw肵܂B
@@name F@@@t[̖Ot܂B
@@marginwidthFEBhE̍E̗]ݒ肵܂B
@@marginheight:EBhȄ㉺̗]ݒ肵܂B
@@scrolling  : EBhẼXN[o[̕\/\ݒ肵܂B
@@frameborder: EBhE̘g̐ݒ܂B
@@align :      EBhEƑ̃Rec̈ʒu֌Wݒ肵܂B
@@longdesc :   CCt[ŕ\RecɊւڂ
@@@@@@@@ ̂镶 URIݒ肵܂B

@@CCt[`vfŎRećACC
@t[ɑΉuEUł͕\邱Ƃ܂B

@@<iframe ` ȗ ` >
@@@ɂ́At[Ή̃uEȖփRecpӂ܂B
@@</iframe>

@@t[iframevfjł noframesvfŋLqĂ܂AC
@Ct[ł́Â悤ɂăCCt[Ήɔz悤
@ɂ܂B

@align̋@\
@쐬Tvł́ACCt[̈ʒuX^CV[gŎw
@肵Ă܂BX^CV[g float: right ܂B
@@̃X^CV[g̐ݒł͂ȂAiframevfɒ alignw肵
@ꍇɂA܂ʂ܂B
@@܂ACCt[̍ɑ̃Rec荞܂@
@摜\ imgvfł悤ɗp܂B
@@ȂAʒu܂߂uʒu̎wvɂẮAu74v
@ŏڂ\肵Ă܂B

@target̋@\
@CCt[Ŏtarget́ACCt[Ŗt
@OQƂACCt[ŕ\邽߂ɐݒ肵܂B
@@ȂACCt[Ŏ镶́ACCt[
@`y[WɃN邱Ƃ͂ł܂AÔ߁B

@@CCt[̕瑼̃y[WɃNꍇɂ́Atarget
@ȉ̂悤ɋLq܂B

@@<a href="next.html" target="_top">̃y[W</a>  ̏ꍇACC
@t[t[āAVȃy[Wŕ\܂B
@@targetȂꍇɂ́ÃEBhEŕ\܂̂Œӂ
@B
@@ȂACCt[̃EBhEŁÃTCg\ꍇ
@́A쌠̖肪܂̂ŁÃTCg̕\̓EBhE
@ăN悤ɂ܂傤B



Tips@CCt[Őݒ肷镝

@uEUɂĈقȂCCt[̕
@CCt[ŕ\EBhÉ̕AsNZPʂ̂قɁA
@Pʂpł܂BsNZPʂ́A[Ủʂɕ\uEU
@\̈[U̐ݒ肵ĂsNZPʂ̂ƂȂ܂B
@@̂߁AʃTCY̏ł́AXN[ꍇ
@܂BႦ΁A[Ủʂ 800sNZ̏ꍇA𒴂ƉXN
@[܂B
@@܂AMSIEł́AEBhE̕傫ȕ̉摜Ȃǂ\ꍇ
@EBhẼt[TCY傫ȂĂ܂ƂuoOv
@Ƃ܂̂ŁA傫̎wɂ͒ӂKv܂B

@@[Uʂ̑ΓIȒݒłp[ZgPʂ͔ɕ֗łB
@Ⴆ΁A[Uʂ̉ 800sNZ̏ꍇA50ݒ肷ƁA̒
@ 400sNZɂȂ܂B

@@ȂACCt[Őݒ肷p[ZgPʂ́AuEU
@قȂƈُȕ\邱Ƃ܂B炭oOƎv܂A
@CCt[̉ݒł́A̓_𓥂܂Đ݌vKv
@肻łB
@@MSIE̓EBhETCYɑ΂䗦ŌvZAMozilla(Netscape܂) 
@́AEBhE̒gɑ΂䗦ŌvZ܂B{Ȃ΁AMSIĚvZ
@Ǝv܂Ax_[ɂ߂ɈႢɂ͍̂łB

@@܂ׂȂƂłAEBhEł̃XN[́AuEÜ
@o[WɂẮA}EX̃zC[XN[łȂ\
@܂B



XMLui10j@GeBeB錾

@GeBeBiENTITYjƂ́A{ł́úvƌĂт܂B̕
Ȃǂ̓eɁuOvtĒ`ĂAȌ͖Oŗe
ՂɉxłQƂł悤ɂ邱Ƃł̂łB

@DTDɂGeBeB錾ɂ͂Qɕނ܂B

@P.ʎ
@HTMLł`Ă܂Aȕɂ́uʎ́v錾Ȃ
@ȂȂuLv܂܂Ă܂Bł́Aɑ̏ʂŗp
@GeBeBi̎QƁjɂĐ܂B

@@<   sLiȂj@@lt    GeBeBL  &#60;
    >   sLiȂj@@gt    GeBeBL  &#62;
    &   ApTh@@@@@amp   GeBeBL@&#38;
    '   A|XgtB@@@@apos  GeBeBL@&#39;
    "   dp@@@@@@quot  GeBeBL@&#34;

@@DTDɂʎ̂̐錾
@@<!ENTITY lt "&#60;">
@@<!ENTITY gt "&#62;">
@@<!ENTITY amp "&#38;">
@@<!ENTITY apos "&#39;">
@@<!ENTITY quot "&#34;">

@@ʎ̂𗘗p XMLCX^X
@@<memo>sL̏ȂA܂ &lt; ́A΂鐔菬Ƃ
@@Ӗ܂B</memo>@@@@@@PP

@@GeBeB XMLCX^X̏́AGeBeB錾Œ`
@ȎO ApTh & AɃZ~R ; Lq܂B

@@ʎ̂ <  > 邢 & Ȃǂ́A &lt;A&gt;@&amp; Ɛ錾
@Ȃ̂ÁA16iŋLq̂A̗R܂B
@@Ⴆ΁Aȉ̃GeBeB錾Ă݂܂傤B

@@<!ENTITY lt "&lt;">

@@̓G[ɂȂ܂B̂ȂAO lt 𗘗pĂɂ
@炸AQƂ镶񂪂܂ł́A`zƂɊׂ
@܂B̂߁AOς邩A邢16iŋLq̂ÓƂ
@킯łB

@@HTMLł́A炩߈ʎ̂`Ă̂ŁÂ悤Ȗʓ|ȍ
@Ƃ͕Kv܂񂪁AXMĹAׂĎOŒ`Ȃ΂Ȃ܂B
@@ XML̓łAʔł܂B

@Q.p[^
@XMLɂGeBeB錾ŁAłpx̍̂ p[^̂ƌ
@΂̂łB
@@ XMLCX^Xŏopx̍炩ߎ̖̂O
@ƂĒ`ĂƂŁA̖OLq邱Ƃŕ\ł̂łB

@DTDɂp[^̂̐錾
@<!ENTITY ̖ "QƂ镶">

@̓IȋLq
@<!ENTITY XML "Extensible Markup Language">

@@́A XML ƂOɁAuExtensible Markup LanguagevƂ
@邱ƂƓ܂B

@p[^Ԃ𗘗p XMLCX^X
 @<memo>XMĹA&XML; ̓Â悤ɌĂ΂Ă܂B</memo>
@@@@@@@@PP
@@̂悤ɁAp[^̂`ĂƂŁAxłO
@ŁA{̕\QƂ邱Ƃ\łB
@@p[^̂ʎ̓lA̖̎ڂ̖`ŃApThu&vƁA
@ɃZ~RuGvLq܂B

p[^̂̑p

@OƂAXg錾ɂf[^ʂ́u^v̒ŁAG
eBeB^`ɂ́Ap[^̂Ŏw肳ꂽGeBeB
̑lɗp邱Ƃł܂B

@p[^Ԃ̑p
@<!ENTITY XML "Extensible Markup Language">
  <!ATTLIST magazine title ENTITY "IMPLIED">

@<magazine title="XML">u</magazine>

@@ XMLCX^X̋Lqł́Amemo̒lAGeBeB錾
@úv̒lƂėp̂łBۂ̑ĺAXML Ƃl
@Ŏꂽ "Extensible Markup Language" Ă܂B

@GeBeB錾ł́ACӂɃp[^̂`邱ƂłA
ɕ֗ȋ@\łB܂ XMLgꂽ}[NAbvł邱Ƃ
[ł邱ƂA@ɕ\킵Ă܂B


@ XMLuł́AXML̊{ɂĉ܂B{́Aԏ
@@߂ɏqׂׂełAҏW̍ۂ̎藎A؂ȉ
@@Ă܂BXML̊{̊{Ɗwт̂łB



HTMLAXHTML̉ --- bgcolor

@bgcolorƂ́Abackground color ӖAwi̐Fݒ肷̂łB
@Ȃ́u񐄏vɂĂ܂B

@bgcolor@Cӂ̔wiFw肵܂B
@DTDF@@@ TransitionalAFrameset ŗp\
@lF@@Fi16iA܂͐Fj
@Lq@F@@bgcolor="#ffffff"
@֘AvfF@bodyAtableAtrAtdAth

@XHTML̐F XHTML1.0 Transitional y Frameset ŗp\BXHTML1.1
@@@@@@@@ł́up~vĂ܂B

@rIȒPɓ̔wiFݒ肷邱Ƃł邽߁Aɑ̃TCg
@ŗpĂ܂B

@@AANZVreB̊ϓ_AwiFݒ肷ꍇɂ́AF
@ɐݒ肷悤ɂ܂BuEU̓[UʂɕFwiF
@N̕FȂǂݒł邽߁AAy[W̔wiFƓ
@͓ǂނƂłȂȂ܂B

@@悤ɁANɗp镶F킹Đݒ肷Kv܂Bu
@EȔlł͒ʏAKFAKς݂F̐ݒ肵Ăꍇ
@AwiF̐ݒɂĂ͓ǂ݂ɂȂ\܂B

@@{Iɂ̑ŔwiFݒ肵ꍇɂ́AF⃊N̕F
@ꏏɐݒ肷邱Ƃ߂Ă܂̂ŁAӂĂB



͂܂ŁAł͂ł́EE
T̂炢 Weby[Wɂfڂ܂̂ŁA񌩂ĂĂB
Weby[Wł HTML̎sʂ̃TvA蕪₷
܂B킹ĉߋ̋L̂炢fڂĂ܂B

@iT̂炢j
@@http://www.scollabo.com/banban/magazine/review_073.html

@́A1114ɔzM\肵Ă܂B



Eӌ͂͂܂Ł@banban@scollabo.com

@ȂA̍ۂɂ́AȂgOSAuEUAeLXgGfB^
ǁAȂׂ₷𖾋LĂƉ񓚂₷Ȃ
v܂B
@AlIȎRɂԎx邱Ƃ܂BB
}̏ꍇɂ́ATCǧfpBƒN
Ǝv܂B

sҁ@΂΂
@́@XYLER{[V@http://www.scollabo.com/
zMGW@܂܂@http://www.mag2.com/  iID@0000090196j

@뎚EEEϊ~XE\RȂǂɂ́Aɂe͊肢܂B

obNio[@ŌJĂ܂B
v[eLXg  http://www.scollabo.com/banban/magazine/magazine.html
ê炢@@http://www.scollabo.com/banban/magazine/
A[JCu@@@@http://www.scollabo.com/banban/daf/archive.html
܂܂̉ߋL@http://backno.mag2.com/reader/Back?id=0000090196

zM̕ύXE~͂łB
ʂ̎葱͎󂯕tĂ܂̂ŁAʓ|łeł肢łΏ
܂B
TCgɂā@http://www.scollabo.com/banban/magazine/top.html
܂܂ɂā@http://www.mag2.com/m/0000090196.htm



ł`E`ށ

@ŋ߂̖Z␇sďւ΂Ă܂BP24ԂZ
āÅɂ͉łĂȂƂW}ŁA𑝒Ă
܂BuA̔@vƂ́Â̐l͂܂Ƃ񂾁B



쌠ɂ
l̂obɕۑėpȊŐL̓]ځAp͊{Iɉ
Ă܂BL̓eɂāAfŎgp邱Ƃłւ܂B
@ȂAL̃X^CV[gAHTML̃y[W쐬ɎRɎgĂ
Ăx܂B

    @       Copyright(C) 2002-2003  www.scollabo.com/banban/
